<!DOCTYPE html>
<!-- #docplaster -->
<!-- #docregion -->
<html>
  <head>
    <title>Hero Form</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- #docregion bootstrap -->
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <!-- #enddocregion bootstrap -->
    <!-- #docregion styles -->
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="forms.css">
    <!-- #enddocregion styles -->

   <!-- IE required polyfill -->
   <script src="node_modules/core-js/client/shim.min.js"></script>

   <script src="node_modules/zone.js/dist/zone.js"></script>
   <script src="node_modules/reflect-metadata/Reflect.js"></script>

   <script src="node_modules/rxjs/bundles/Rx.umd.js"></script>
   <script src="node_modules/@angular/core/bundles/core.umd.js"></script>
   <script src="node_modules/@angular/common/bundles/common.umd.js"></script>
   <script src="node_modules/@angular/compiler/bundles/compiler.umd.js"></script>
   <script src="node_modules/@angular/platform-browser/bundles/platform-browser.umd.js"></script>
   <script src="node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js"></script>

    <!-- #docregion scripts-hero, scripts-hero-form -->
    <script src='app/hero.js'></script>
    <!-- #enddocregion scripts-hero -->
    <script src='app/hero-form.component.js'></script>
    <!-- #enddocregion scripts-hero-form -->
    <!-- #docregion scripts, scripts-hero, scripts-hero-form -->
    <script src='app/app.component.js'></script>
    <script src='app/main.js'></script>
    <!-- #enddocregion scripts, scripts-hero, scripts-hero-form -->
  </head>

  <body>
    <my-app>Loading...</my-app>
  </body>

</html>
